﻿@extends('common.header')

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>赛事列表{{ $webConfig->webName }}</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="csrf-token" content="{{ csrf_token() }}">
	<title>竞彩足球推荐_足球推荐网站_足球比分推荐-蜘蛛比分网</title>
	<meta name="Keywords" content="竞彩足球推荐,足球推荐,足球推荐网站,比分推荐,足球比分推荐" />
	<meta name="Description" content="蜘蛛比分网竞猜频道汇集圈内资深预测专家，为您提供竞彩足球推荐,足球比分预测等，要了解最新足球推荐信息，就上蜘蛛比分网。"/>
	<link rel="shortcut icon" href="{{ asset('/images/favicon.ico') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('/css/newList/info_list.css') }}"/>
	
    <script src=" {{ asset('/js/jquery-1.8.3.min.js') }} "></script>
    <script type='text/javascript'>

        <!-- 2.设置全局ajax选项 -->
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        // 获取 token
        var _token = $('meta[name="csrf-token"]').attr('content');


    </script>
</head>
<body style="background:#fff">
<!--面包屑导航-->
<div style="width: 1200px;height: 40px;line-height:40px;position: relative;margin: 110px auto 0">
    <ol style="float: left;overflow: hidden;color: #333;list-style: none;">
        <li style="float: left;margin-left: 5px">当前位置：</li>
        <li style="float: left;margin-left: 5px"><a href="{{ url('/') }}"
                                                                      style="color: #de1e30;margin-left: 5px">首页</a>
        </li>
		<li style="float: left;margin-left: 5px"><a href="{{ url('/recommendlist') }}"
                                                                      style="color: #de1e30;margin-left: 5px">>竞彩推荐</a>
        </li>
       
    </ol>
</div>
<!-- 情报中心新闻 -->
<div class="info-area-big">
    <div class="info-area">
        <div style="width:350px;height: auto;overflow:hidden;float:right">
			<!--右侧-->
			<div class="deng-lu fr" style="margin-bottom:20px">
			
				<div class="map">
					<!--标题-->
					<div class="map-tit" style="height:35px">胜率排行榜</div>
					<!--排行榜-->
					<div id="expertTalkBall" class="map-list">
				
					
					@forelse( $rank as $key => $shenglv )
						@if( $key<11 )
						<!--每一项-->
						<a href="{{ url('/showcenter') }}/{{ $shenglv['id']}} ">
							<div class="one-map clearfix">
								<div class="fl head-login">
									<div class="head-bor">
										<div class="head-img">
											<img src="{{ $shenglv['pic_url']}}">
										</div>
									</div>
								</div>
								<div class="fl second">
									<i class="name">{{ $shenglv['name']}}</i>
									<span>胜率:<b>{{ $shenglv['shenglv']}}</b></span>
								</div>
								<div class="fr">
									<i class="map-ico"></i>
								</div>
							</div>
						</a>
						@else
							@break
						@endif
					  
					@empty
					@endforelse
						
					</div>
				</div>
			</div>
	   
	   
			<!--右侧专家推荐列表-->
			<div class="info-ranking-list">
				<div class="hotvideo">
					<div class="hottitle">专家推荐</div>
					<!--推荐列表-->
					<ul class="hotlist" style="height:450px">	
						@forelse( $recommend_tewnty as $key => $zhuanjia )
					
										
						<li>
							<a href="#">
								<div class="hotlist_box hotlist_div on">
									<!--图片-->
									<a href="{{ url('/showcenter') }}/{{ $zhuanjia['uid'] }}" class="hotimg hotimgpic">
										<img src="{{ $zhuanjia['pic_url'] }}" title="">
									</a>
									<!--标题，角标-->
									<div class="hotrtext comtext">
										<a href="{{ url('/showcenter') }}/{{ $zhuanjia['uid'] }}">
											<span style="color: #de1e30;">[<span style="font-weight: bold;">{{ $zhuanjia['username'] }}</span>]</span> 
										</a>
										<a href="{{ url('/recommenddetail') }}/{{ $zhuanjia['id'] }}">&nbsp;{{ $zhuanjia['home'] }}<span>vs</span>{{ $zhuanjia['away'] }}</a><br>
										<p class="hotrtext-p" href="#">{!! $zhuanjia['content'] !!}</p>
									</div>
								</div>
							</a>
						</li>
						@empty
						@endforelse
					</ul>
						
				</div>
				
			</div>
			
			
		
		</div>
		
		
        <!--左侧列表-->
        <div class="info-list" style="border:none">
			<!--每一项-->
		@forelse( $recommends as $key => $list ) 	
            <div class="zpfxList">
				<!--头部-->
				<div class="recordTop">
					<p class="recordTopt">
						<!--<span class="list_bgcolor">欧青赛</span>-->
						&nbsp;&nbsp;比赛时间： <label> {{ $list['match_date'] }}</label>
					</p>
					<p class="recordTopb">
						@if( $list['isstart']=='0' )
						<span style="color:#de1e30">未开赛</span>
						<i>new</i>
						@else
						<span style="color:#de1e30">已结束</span>
						@endif
					</p>
				</div>
				<!--<img src="{{ $list['pic_url'] }}" style="width:100px;" />
				胜率：{{ $list['shenglv'] }}
				<br/>
				{{ $list['total'] }}中{{ $list['zhong'] }}-->
				
				<div class="center-right">
					<a class="portrait" href="{{ url('/showcenter') }}/{{ $list['uid'] }}">
						<img src="{{ $list['pic_url'] }}">
					</a>
					<span class="rankName">
						<a href="{{ url('/showcenter') }}/{{ $list['uid'] }}" target="_blank" title="一红到底">{{ $list['username'] }}</a>
					</span>
					<span class="rateData">胜率:<span class="t_r">{{ $list['shenglv'] }}</span></span>
					 
				</div>
				<!--中部 左侧-->
				<div class="center-left">
						<!--中部 左侧-->
						<a class="list_left" href="{{ url('/recommenddetail') }}/{{ $list['id'] }}">	
							
							<p><span>{{ $list['home'] }}</span></p>
							<img class="margin0" src="{{ $list['home_pic'] }}">
						</a>
						<!--中部 中-->
						<div class="list_center">
							<span class="left">{{ $list['final_home'] }}</span>
							<p>
								<span>{{ $list['home_index'] }}</span>
								<label>{{ $list['p_index']}}</label>
								<span>{{ $list['away_index'] }}</span>
							</p>
							<img src="{{ asset('/images/articles/icon-vs.png') }}">
							<span class="right">{{ $list['final_away'] }}</span>
						</div>
						<!--中部 右侧-->
						<a class="list_left list_right" href="{{ url('/recommenddetail') }}/{{ $list['id'] }}">
							<img class="margin0" src="{{ $list['away_pic'] }}">
							<p><span>{{ $list['away']}}</span></p>
						</a>
					
				</div>
				<!--底部-->
				<div class="zpfxList_border_top">
					<a class="zpfx_memo" >
						<span style="width:20px;padding: 0;">
							<img style="width:100%;height:20px" src="{{ asset('/images/articles/wen.png') }}">
						</span>
						<span>{!! $list['content'] !!}</span>
						<a href="{{ url('/recommenddetail') }}/{{ $list['id'] }}" class="buybtn">查看</i>
					</a>
				</div>
			</div>
		@empty
		    <!--没有文章时显示-->
            <div class="none_article">
                <img src="{{ asset('/images/articles/nothing.png') }}" alt="">
                <p>没有发现竞彩推荐！ </p>
            </div>
		@endforelse
       
		</div>
    </div>
</div>

<div style="width:70%;text-align:center;font-size:14px;">
  {{ $recommend_all ->links() }}
</div>



@extends('common.footer')
</body>
</html>